<template>
    <div class="main">
        <nav-element :navData='navData' @navpath='navpath'></nav-element>
        <div class="content">
            <header-element @quit='quit' :headData='headData'></header-element>
            <router-view></router-view>
        </div>
    </div>
</template>
<script src='../directive/index.js'></script>

<style scoped>
.main {
    display: flex;
    height: 100%;
}

.content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

header {
    height: 60px;
     background: #e4eaf3; 
    /* background: #34495E; */
}
</style>

